<template>
  <div class="component need-footer">
    <app-header title="背景设置" :needBack="true"></app-header>
    <div class="">
      <input type="text" v-model="background">
      <div class="box" :style="{ 'background': background}"></div>
    </div>
    <app-footer :active="5"></app-footer>
  </div>
</template>
<script>
  import AppHeader from '@/components/common/AppHeader'
  import AppFooter from '@/components/common/AppFooter'
  export default {
    data () {
      return {
        background: '#e21e42',
        word: 'defore'
      }
    },
    components: {
      AppHeader,
      AppFooter
    }
  }
</script>
<style lang="less" scoped>
  @import '../../assets/less/default.less';
  .box {
    width: 100px;
    height: 100px;
  }
</style>
